在認識 Astro 之前，也用過了不少框架架設 Blog
從最一開始的 HEXO, Angular Scully, 後來改為 Angular Universal 方式架設，直到現在改用 Astro。

為什麼要翻寫這麼多次

原因無它，只因為受限太多．最後換成 Angular Universal 的方式處理也是只為不想受到太多限制才改，
但使用這個方式的缺點就是還要再處理 Markdown 的轉換。整個過程非常的繁複且繁雜。

結果發現改完後，SEO 變好差(也有可能是我沒寫好 XD)。關於這些細節部份都要再深入處理
直到看到了 Astro 整個就是打中我心。花了將近一個月的時間。將原本的框架全部打掉，改為 Astro 重寫。

所以也因為才有了這系列的鐵人賽產生 (原本還思索著到底要寫什麼主題 XD)
在寫文的過程中，遇到了 astro 從 v2 升版到 v3, 8/30 剛好就是 v3 的發布日，距鐵人開賽還有 3 天，索性就直接升級到 v3

改版

在這次的改版中，也做了不少 blog 裡會用到的小組件，也趁這次的機會 將這些小組件的實作方式，做個分享，希望大家在建立的時後能更快速上手。

總結

終於撐滿 30 天啦 灑花！！

這次的系列，比較 focus 在元件實作上，還有很多都來不及分享，如：與其他框架的整合 等......
待後續有機會再做分享囉！

這次鐵人賽的文章也將收錄於Mandy's Web 裡哦！

團隊成員

最後 別忘了也要去看看我們團隊成員裡的鐵人賽文章哦

雷 N: GPT 伴我讀一些文件
GSON: 用 GPT 撰寫選股策略
CatBoxy: GPT 救救我！菜雞小海獺的前端成長之旅
Calvin: 30 天準備 GCP Professional Cloud Architect
海綿: 暢玩 WordPress 30 天 部署 X 開發 X 上線